<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:core="http://www.contact.core.com/contacts/core/ui"
        >

<ui:component>
    <style type="text/css">
        .profileLink A:link {
            text-decoration: none;
            color: #20205e;
        }

        .profileLink A:visited {
            text-decoration: none;
            color: #20205e;
        }

        .profileLink A:active {
            text-decoration: none; /*color: yellow;*/
        }

        .profileLink A:hover {
            text-decoration: underline;
        }

       </style>
    <rich:panel rendered="#{viewFriendBean.allMutualFriendsCount != 0}"
                style="margin-top:20px; width:100%; overflow:auto;"
                header="#{resources.mutualFriendsLabel}">
        <h:panelGrid styleClass="profileLink" style="width:100%" columns="1">
            <a4j:outputPanel>
                <a4j:outputPanel layout="block" style="float:left; vertical-align:top;">
                      <core:mutualFriendsCommandLink value="#{viewFriendBean.allMutualFriendsCount} #{resources.friendsInCommonLabel}"
                            informationId="#{viewFriendBean.informationId}"/>
                </a4j:outputPanel>

                <a4j:outputPanel layout="block" style="float:right; vertical-align:top;">
                    <!--<a4j:commandLink value="See All "/>-->
                    <core:mutualFriendsCommandLink value="#{resources.seeAllLabel} (#{viewFriendBean.allMutualFriendsCount})"
                            informationId="#{viewFriendBean.informationId}"/>
                </a4j:outputPanel>

            </a4j:outputPanel>

            <!--<rich:separator height="1px" width="100%"/>-->
        </h:panelGrid>

        <core:mutalFriendsDataGrid columns="2" element="2" style="resize:both; width: 50px;"/>
    </rich:panel>
</ui:component>


</html>
